<?php
/* ------------------------------------------------------------
TEMPLATE DE VISOR DE IMAGENES
------------------------------------------------------------ */

?>

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
	<title>Tesil</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    
	<link rel="stylesheet" type="text/css" href="css/styles.css<?php echo '?'.rand(0,1000);?>" />
    <link rel="stylesheet" type="text/css" href="css/gridNavigation.css<?php echo '?'.rand(0,1000);?>" />
    <link rel="stylesheet" type="text/css" href="css/jquery.bxslider.css<?php echo '?'.rand(0,1000);?>" />
    <link rel="stylesheet" type="text/css" href="css/visor.css<?php echo '?'.rand(0,1000);?>" />    
    <link rel="stylesheet" type="text/css" href="css/swipebox.css<?php echo '?'.rand(0,1000);?>">
  
	<script type="text/javascript" src="js/jquery.min.js<?php echo '?'.rand(0,1000);?>"></script>
    <script type="text/javascript" src="js/jquery.bxslider.js<?php echo '?'.rand(0,1000);?>"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js<?php echo '?'.rand(0,1000);?>"></script>
    <script type="text/javascript" src="js/jquery.mousewheel.js<?php echo '?'.rand(0,1000);?>"></script>
    <script type="text/javascript" src="js/jquery.gridnav.js<?php echo '?'.rand(0,1000);?>"></script>
    <script type="text/javascript" src="js/ios-orientationchange-fix.js<?php echo '?'.rand(0,1000);?>"></script>
    <script type="text/javascript" src="js/jquery-2.0.3.min.js<?php echo '?'.rand(0,1000);?>"></script>
    <script type="text/javascript" src="js/jquery.isotope.min.js<?php echo '?'.rand(0,1000);?>"></script>
    <script type="text/javascript" src="js/jquery.swipebox.js<?php echo '?'.rand(0,1000);?>"></script>
	
	<script type="text/javascript">
	
		$(document).ready(function () {	

            /* Inicializa galeria para mobile */
            $(".swipebox").swipebox();
            
			$_cargarImagenes(1);
        });
		
		function $_cargarImagenes(idCategoria) {
			$(".contenido").load("templates/galeriaFotos.php", { idCategoria: idCategoria } );
			
			$(".categoria li").css("background", "");
			$(".categoria #" + idCategoria).css("background", "#AAAAAA");
		}
		
	</script>
</head>

<body>
	<div id="super">

	<?php 
		//HEADER
		include_once "common/header.php";
		
		$listaCategorias = crearLista("SELECT * FROM categoriaImagenes", $mysqli);
	?>
    
	 <div id="wrappers">
		<div class="categoria">
				<?php
				
					include_once "templates/galeriaFotosCategorias.php";

				?>	
		</div>
         <div class="contenido">
            
        </div>  
    </div>
			
    <?php 
		//FOOTER
		include 'common/footer.php';
	?>
    
</div><!-- SUPER  -->    

</body>
</html>
